<link rel="stylesheet" href="{{base_url()}}css/960/24_grid_960.css" type="text/css" media="all"/>
<link rel="stylesheet" href="{{base_url()}}deal_css/css/deal.css" type="text/css" media="all"/>
<link rel="stylesheet" href="{{base_url()}}deal_css/css/bubble.css" type="text/css" media="all"/>
<link rel="stylesheet" href="{{base_url()}}css/input.css" type="text/css" media="all"/>

<link rel="stylesheet" type="text/css"	href="{{base_url()}}js/themes/base/jquery.ui.all.css"/>
<link rel="stylesheet" type="text/css"	href="{{base_url()}}js/themes/base/jquery.ui.theme.css"/>

<link rel="stylesheet" href="{{base_url()}}lib/poshytip-1.1/src/tip-twitter/tip-twitter.css" type="text/css" />
<link rel="stylesheet" href="{{base_url()}}lib/poshytip-1.1/src/tip-yellow/tip-yellow.css" type="text/css" />
<link rel="stylesheet" href="{{base_url()}}lib/poshytip-1.1/src/tip-violet/tip-violet.css" type="text/css" />
<link rel="stylesheet" href="{{base_url()}}lib/poshytip-1.1/src/tip-darkgray/tip-darkgray.css" type="text/css" />
<link rel="stylesheet" href="{{base_url()}}lib/poshytip-1.1/src/tip-skyblue/tip-skyblue.css" type="text/css" />
<link rel="stylesheet" href="{{base_url()}}lib/poshytip-1.1/src/tip-yellowsimple/tip-yellowsimple.css" type="text/css" />
<link rel="stylesheet" href="{{base_url()}}lib/poshytip-1.1/src/tip-green/tip-green.css" type="text/css" />


<style>
.tip-yellowsimple,.tip-darkgray,.tip-twitter,.tip-skyblue,.tip-green{ z-index: 1202; }
.mybutton.disable,.cirbutton.disable{opacity: 0.3}
    .mybutton.disable:hover,.cirbutton.disable:hover{opacity: 0.5}
    .mybutton,.cirbutton {
        border: 1px solid #3B5999;
        padding: 1px;
        background-color: white;
        width: auto;
        opacity: 0.7;
        float: left;
        display: inline;
        cursor: pointer;
    }
    .mybutton,.cirbutton{margin: 4px;}
    .mybutton.small,.cirbutton.small{margin: 2px;border: none}
    .cirbutton{border-radius: 16px}
    .cirbutton div{border-radius: 15px}
    .mybutton.spaceleft,.cirbutton.spaceleft{margin-left: 40px}
    .mybutton.spaceright,.cirbutton.spaceright{margin-right: 40px}
    
    
    
    .mybutton:hover,.cirbutton:hover{opacity: 1;}
    .mybutton:active,.cirbutton:active {position: relative; top: 1px;}
    .mybutton div,.cirbutton div {
        padding: 4px 12px;
        background-color: #057DB9;
        text-align: center;
    }
    .mybutton.small div {
        padding: 2px 4px;
        background-color: #057DB9;
        text-align: center;
    }
    .cirbutton.small div {
        padding: 2px 6px;
        background-color: #057DB9;
        text-align: center;
    }
    .mybutton.small.icon div,.cirbutton.small.icon div{
        padding-left: 22px;
        position: relative;
    }
    .mybutton div.icon,.mybutton.icon div,.cirbutton div.icon,.cirbutton.icon div{
        padding-left: 36px;
        position: relative;
    }
    .mybutton.icon div img,.cirbutton.icon div img{
        width: 16px;height: 16px;position: absolute;top: 4px;left: 12px;border: none;
    }
    .mybutton.small.icon div img{
        width: 16px;height: 16px;position: absolute;top: 2px;left: 2px;border: none;
    }
    .cirbutton.small.icon div img{
        width: 16px;height: 16px;position: absolute;top: 2px;left: 4px;border: none;
    }
    .mybutton div a,.mybutton div span,.cirbutton div a,.cirbutton div span {
        color: white;
        text-decoration: none;
        font-size: 1em;
    }
</style>